<template>
    <van-popup v-model="showPop">
        <div class="pop">
            <div class="con">
                <div class="title">为了顺利完成商家注册<br>请准备好以下材料</div>
                <div class="desc">需扫描有效证件，请勿翻拍照片</div>
                <div class="list">
                    <template v-if="showType == 'only-idcard'">
                        <van-row class="line">
                            <van-col span="8">
                                <img src="" alt="">
                            </van-col>
                            <van-col span="16">身份证</van-col>
                        </van-row>
                    </template>
                    <template v-else>
                        <van-row class="line">
                            <van-col span="8">
                                <img src="" alt="">
                            </van-col>
                            <van-col span="16">营业执照</van-col>
                        </van-row>
                        <van-row class="line">
                            <van-col span="8">
                                <img src="" alt="">
                            </van-col>
                            <van-col span="16">身份证</van-col>
                        </van-row>
                        <van-row class="line">
                            <van-col span="8">
                                <img src="" alt="">
                            </van-col>
                            <van-col span="16">银行卡/开户许可证</van-col>
                        </van-row>
                    </template>
                </div>
                <div>
                    <div class="subTitle">注意</div>
                    <div class="subDesc">伪造证件属于违法行为，一经发现，将向有关部门举报，国家机关可追究刑事责任</div>
                </div>
            </div>

            <div class="butt">
                <van-button type="default" color="#ffffff" size="large" @click="nextStep" class="cbutt">我知道了</van-button>
            </div>
        </div>
    </van-popup>
</template>

<script>


export default {

    data() {
        return {
            showPop: false,
            showType: "",
        }
    },

    computed: {

    },

    methods: {
        show(type) {
            this.showPop = true;
            if (type) {
                this.showType = type
            }
        },

        // 提交
        nextStep() {
            this.showPop = false
        },
    }
}
</script>

<style lang="scss" scoped>
@import "@/assets/color.scss";

.pop {
    width: 340px;
    background-color: #ffffff;
    border-radius: 10px;
    .con {
        padding: 40px 20px 20px 20px;

        .title {
            text-align: center;
            color: #333333;
            font-size: 16px;
            font-weight: bold;
            padding-bottom: 10px;
        }

        .desc {
            text-align: center;
            color: #e2ad57;
            font-size: 13px;
        }

        .list {
            font-size: 14px;
            padding: 20px 40px;
            .line {
                margin: 10px 0;
            }
        }

        .subTitle {
            color: #333333;
            font-size: 16px;
            font-weight: bold;
        }
        .subDesc {
            font-size: 16px;
            color: #999999;
        }
    }

    .butt {
        padding: 10px 0;
        border-top: 1px solid #eaeaea;
        .cbutt {
            color: $BG_COLOR !important;
        }
    }
}

.van-popup {
    background-color: inherit;
}
</style>